import React, { Component } from 'react';

class App extends Component {
    /* 
        vue  v-model
    */
   state ={
       value:"草莓"
   }
   handleChang = (e) => {
       console.log(e.target.value)
       this.setState({
           value:e.target.value
       })
   }
    render() {
        return (
            <div>
                <select name="" id="" value={this.state.value} onChange={this.handleChang}>
                    <option value="🍉">西瓜</option>
                    <option value="🍓">草莓</option>
                    <option value="🍍">菠萝</option>
                    <option value="🍐">梨</option>
                </select>
            </div>
        );
    }
}

export default App;
